import {createApp} from "vue"
import App from './App.vue'
import router from './router/index.js'

import store from './store'


//引入element-plus组件
import ElementPlus from 'element-plus'
//引入 Element Plus 的 CSS 样式
import 'element-plus/dist/index.css'
//引入Element Plus图标
import * as ElementPlusIconsVue from '@element-plus/icons-vue'
// 导入SVG图标注册脚本
import 'virtual:svg-icons-register';

// 按需引入要使用的图标
import {faCompress,faExpand} from '@fortawesome/free-solid-svg-icons';

// 引入 font-awesome 图标库
import {library} from'@fortawesome/fontawesome-svg-core';
import {FontAwesomeIcon} from'@fortawesome/vue-fontawesome';
// 按需引入要使用的图标，例如：我要使用 faHome 这个图标，那就需要引入这个图标
import {faHome} from'@fortawesome/free-solid-svg-icons';
// 添加图标到库中
library.add(faHome);
// 添加图标到库中
library.add(faCompress, faExpand);

import './router/permission.js';


const app = createApp(App)


//注册图标
for(const [key,component] of Object.entries(ElementPlusIconsVue)){
    // console.log('打印图标的kv==',key,component)
    //注册组件
    app.component(key,component)
}


//1使用vuex状态管理器
app.use(store)
//2使用router路由
app.use(router)
//3使用element-plus组件
app.use(ElementPlus)
// app.use(ElementPlus,{size:'small'})
//4 注册图标组件
app.component('font-awesome-icon', FontAwesomeIcon);
//挂载到id为app的元素上
app.mount('#app')

